<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<title>Hello</title>
	<script type="text/javascript" src="|-/dojoroot/dojo/dojo.js" djConfig="parseOnLoad: true">
	</script>
    <script type="text/javascript">
		dojo.require("dojo.parser");
		dojo.require("dijit.Menu");
		dojo.require("dijit.form.Button");
		dojo.require("dijit.Toolbar");
		dojo.require("dijit.layout.LayoutContainer");
		dojo.require("dijit.layout.SplitContainer");
		dojo.require("dijit.layout.AccordionContainer");
		dojo.require("dijit.layout.TabContainer");
		dojo.require("dijit.layout.ContentPane");
		dojo.require("dojox.xml.DomParser");
		onloadfunc=function(){
			dojo.xhrPost({
				url: '|-/hole/browerapi',
				load: helloCallback,
				mimetype: "text/xml",
				error: helloError,
				timeout: 7000,
				handleAs:"xml",
				error: function(err){
					alert(err);
				},
				content: {
					method: 'open',
					params:''
				}
			});
		}
		function helloCallback(data,ioArgs) {
			var rootEle = data.documentElement;
			
		}	       
	       function helloError(data, ioArgs) {
		  alert('Error when retrieving data from the server!');
	       }
		
		dojo.addOnLoad(onloadfunc);
		
    </script>

	<style type="text/css">
		@import "|-/dojoroot/dojo/resources/dojo.css";
		@import "|-/dojoroot/dijit/themes/soria/soria.css";
		@import "|-/hole/css/mail.css";
	</style>
</head>
<body class="soria">
	
	
	<div dojoType="dijit.layout.LayoutContainer" id="main">
		<!-- toolbar with new mail button, etc. -->
		<div dojoType="dijit.Menu" layoutAlign="top" style="height:25px;">
		   Menu will go here
		</div>
		<div id="toolbar" dojoType="dijit.Toolbar" layoutAlign="top" style="height:25px;">
		   <div dojoType="dijit.form.Button" id="toolbar.refresh"  iconClass="editorIcon refresh"  showLabel="false">Refresh</div>
		</div>
		
	
		<div dojoType="dijit.layout.SplitContainer"
				orientation="horizontal"
				sizerWidth="5"
				activeSizing="0"
				layoutAlign="client"
				title="Inbox"
			>
			<div dojoType="dijit.layout.TabContainer" 
				id="left_tabs" jsId="left_tabs" sizeMin="0" sizeShare="1">
				<div dojoType="dijit.layout.LayoutContainer" title="TestServerLocal" orientation="horizontal" activeSizing="0">
					<div dojoType="dijit.layout.LayoutContainer" title="TestServerLocal" orientation="horizontal" activeSizing="0">
						<img src="|-/hole/img/folder.ico"></img>
						sdfsdfsf
					</div>
					<div dojoType="dijit.layout.LayoutContainer" title="TestServerLocal" orientation="horizontal" activeSizing="0">
						<img src="|-/hole/img/folder.ico"></img>
						sdfsdfsf
					</div>
					
				</div>
				<div dojoType="dijit.layout.AccordionPane" title="TestServerLocal2" orientation="horizontal" activeSizing="0">
				</div>
				<div dojoType="dijit.layout.AccordionPane" title="TestServerLocal3" orientation="horizontal" activeSizing="0">
				</div>
			</div>	
			<div dojoType="dijit.layout.TabContainer" 
				id="right_tabs" jsId="right_tabs" sizeMin="0" sizeShare="1">
				<div dojoType="dijit.layout.AccordionPane" title="TestServerLocal" orientation="horizontal" activeSizing="0" onClick="">
				</div>
				<div dojoType="dijit.layout.AccordionPane" title="TestServerLocal2" orientation="horizontal" activeSizing="0">
				</div>
				<div dojoType="dijit.layout.AccordionPane" title="TestServerLocal3" orientation="horizontal" activeSizing="0">
				</div>
			</div>	
		</div>
	</div> 
</body>
</html>
